body {
	min-width: 8.53333333rem;
	max-width: 20rem;
	margin: 0 auto;
	background-color: #f2f4f7;
}
i {
	font-style: normal;
}
a {
	text-decoration: none;
	color: #707070;
}
// 约束当前屏幕大于20rem 的时候,html字体大小就不变化了
@media screen and(min-width: 20rem) {
	html {
		// 分成20份
		font-size: 1rem !important;
	}
}
.wrap {
	background-color: #fff;
	padding-bottom: 1.2rem;
}
.header {
	height: 2.13333333rem;
	border-bottom: 0.02666667rem solid #eaeaea;
	text-align: center;
	line-height: 2.1333rem;
	font-size: 0.93333333rem;
	color: #1c1c1c;
}
.nav {
	display: flex;
	//flex 换行显示
	flex-wrap: wrap;
	padding: 1.2rem 0 1.6rem;
	a[class^="item"] {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 33.33%;
		img {
			width: 3rem;
			height: 3rem;
			margin: 0.66666667rem;
		}
		span {
			font-size: 0.66666667rem;
		}
		&:nth-child(-n + 3) {
			margin-bottom: 1.65333333rem;
		}
	}
}
.go {
	margin: 0rem 0.48rem 0rem 0.26666667rem;
	img {
		width: 100%;
	}
}
// 就业指导模块
.content {
	padding: 1.06666667rem 0 0.64rem;
	background-color: #fff;
	margin-top: 0.26666667rem;
	.con-hd {
		display: flex;
		justify-content: space-between;
		height: 1.01333333rem;
		line-height: 1.01333333rem;
		h4 {
			margin: 0;
			font-size: 0.74666667rem;
			color: #333;
			.icon {
				display: inline-block;
				width: 1.01333333rem;
				height: 1.01333333rem;
				margin-left: 0.26666667rem;
				img {
					width: 100%;
					height: 100%;
					vertical-align: top;
				}
			}
		}
		.more {
			font-size: 0.58666667rem;
			color: #999;
		}
	}
}
.get_job_focus {
	position: relative;
	.swiper-container {
		width: 14.4rem;
		height: 100%;
	}
	.swiper-slide {
		text-align: center;
		font-size: 0.48rem;
		background: #fff;

		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		// 竖向显示
		flex-direction: column;
		align-items: center;
		transition: 300ms;
		transform: scale(0.8);
		opacity: 0.5;
		a {
			width: 9.013333rem;
			height: 10.026667rem;
			img {
				width: 100%;
				height: 100%;
			}
		}
		p {
			width: 9.1333rem;
			font-size: 0.6667rem;
			margin-top: 0.64rem;
			color: #333;
		}
	}
	.swiper-slide-active,
	.swiper-slide-duplicate-active {
		transform: scale(1);
		z-index: 999;
		opacity: 1;
	}
}
.study_con {
	margin-bottom: 3.73333333rem !important;
}
//学习模块
.study {
	.swiper-container {
		width: 100%;
		height: 100%;
	}
	.study_fo {
		padding-top: 0.26666667rem; /* 10px -> 0.26666667rem */
	}
	.swiper-slide {
		text-align: left;
		font-size: 18px;
		background: #fff;
		width: 7.73333333rem;
		height: 9.06666667rem;
		display: flex;
		border: 0.05333333rem solid #eaeaea;
		box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
		border-radius: 0.26666667rem;
		h5 {
			margin: 0 0;
			padding: 0 0.1533333rem;
			font-weight: 400;
			font-size: 0.69333333rem;
			color: #000;
		}
		.theNumberOf-Learning {
			padding: 0 0.1533333rem;
			font-size: 0.62rem;
			color: #000;
			.counnt-learner {
				font-size: 12px;
				color: #f40;
			}
		}
	}

	.swiper-slide img {
		display: block;
		width: 65%;
		height: 65%;
		margin: 0 auto;
		// object-fit: cover;
	}
}
.footer {
	position: fixed;
	display: flex;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2.93333333rem;
	background-color: #fff;
	z-index: 9999;
	padding: 0.53333333rem;
	border-top: 1px solid #ccc;
	.footer-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		img {
			width: 1.04rem;
			height: 1.0933333333rem;
		}
		p {
			font-size: .586667rem;
			color: #666;
		}
	}
}
